写在开始

又到了一年的伊始,很多人可能因为各种原因想换一份工作,而找工作难免遇到各种各样头痛的面试题,于是我打算写一个系列,关于面试中最常见或者前端一些基础但又不是很深入了解的知识,供大家参考。

先来道开胃菜

var还是不var?

使用var定义

var a = 'hello World'
function bb(){
 var a = 'hello Tom';
    console.log(a);   
}
bb()   
console.log(a);    

不使用var定义

var e = 'hello world';
function cc(){
    e = 'hello Tom';
    console.log(e);
}
cc()   
console.log(e)    

猜猜会执行什么?

其实很简单,使用var先后打印// 'hello Tom' // 'hello world',

不使用var先后打印// 'hello Tom' // 'hello Tom'

大家都知道Javascript声明变量是通过关键字var。使用var关键字是在当前域中声明变量,如果在方法中声明,则为局部变量(local varibble);如果在全局域中声明,则为全局变量。

但在非严格模式下,不通过var直接声明变量,则是全局变量,好像也不会报错,例如a = 1 console.log(a) // 1,但这样真的没问题吗?那么执行a = 1; 发生了什么呢?

它会尝试在当前作用域链(如果是在方法中,则当前作用域链代表全局和方法局部作用域)中解析a;如果在任何当前作用域找到a;则会对a属性赋值;如果没有找到a,它会在全局对象(当前作用域最顶层,如window对象)中创造a属性并赋值。

请注意!!!是创建一个全局对象的属性,而不是声明了一个全局变量。

或许你可能不是很明白‘声明变量’和‘创建对象属性’有什么区别。但事实上,Javascript 的变量声明、创建属性都有一定的标志去声明他们的属性如:只读(ReadOnly)不可枚举(DontEnum)不可删除(DontDelete)等等。

由于‘变量声明’自带不可删除属性,比较var a = 1 跟 a = 1,前者是变量声明,带不可删除属性,因此无法被删除;后者为全局变量的一个属性,因此可以从全局变量中删除。

    var a = 1
    b = 2
    console.log(delete a) // false
    console.log(delete b) // true

变量提升

使用var定义:

function hh(){
    console.log(a);
    var a = 'hello world';
}
hh()    //undefined

不使用var定义:

function hh(){
    console.log(a);
    a = 'hello world';
}
hh()    // 'a is not defined'

还有一点很容易被忽略,在ES5的'use strict'模式下,如果变量没有使用var定义,就会报错。
这也是一个差别。

总结

1.在函数作用域内 加var定义的变量是局部变量,不加var定义的就成了全局变量。

2.在全局作用域下,使用var定义的变量不可以delete,没有var 定义的变量可以delete。

3.使用var 定义变量还会提升变量声明。

4.在ES5的'use strict'模式下,如果变量没有使用var定义,就会报错。

写在最后

由于个人能力有限,如果文中出现任何错误,欢迎各位大神提出批评和建议,这是鄙人首次发表技术性文章,希望大家多多支持。

下期预告:前端面试你所不知道系列--伪类和伪元素


子不语
0 声望0 粉丝